<template>
	<view class="v">
		<!-- <u-navbar :is-back="false" title="　" :border-bottom="false">
			<view class="u-flex u-row-right" style="width: 100%;">
				<view class="camera u-flex u-row-center">
					<u-icon name="camera-fill" color="#000000" size="48"></u-icon>
				</view>
			</view>
		</u-navbar> -->
		<view class="top">
			<view class="u-m-r-10">
				<u-avatar :src="pic" size="100"></u-avatar>
			</view>
			<view style="display: flex;flex-direction: column;justify-content: center;">
				<view style="font-size: 18px;">uView ui</view>
				<view style="font-size: 14px;">微信号:helang_uView</view>
			</view>
			<view style="display: flex;">
				<u-icon name="scan" color="#969799" size="28"></u-icon>
				<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
			</view>
		
		</view>
		
		<view class="u-m-t-20">
			<view style="display: flex;justify-content: space-between;margin-bottom: 10px;">
				<view>
					<text>我的订单</text>
				</view>
				<view style="display: flex;">
					<text>查看全部订单</text>
					<u-icon name="arrow-right" color="#969799" size="14"></u-icon>
				</view>
			</view>
			<u-grid :col="4">
					<u-grid-item @click="lookorder">
						<u-icon name="photo" :size="46"></u-icon>
						<view class="grid-text">待付款</view>
					</u-grid-item>
					<u-grid-item>
						<u-icon name="lock" :size="46"></u-icon>
						<view class="grid-text">待发货</view>
					</u-grid-item>
					<u-grid-item>
						<u-icon name="hourglass" :size="46"></u-icon>
						<view class="grid-text">已发货</view>
					</u-grid-item>
					<u-grid-item>
						<u-icon name="hourglass" :size="46"></u-icon>
						<view class="grid-text">售后</view>
					</u-grid-item>
				</u-grid>
		</view>
		
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell icon="star" title="收藏"></u-cell>
				<u-cell icon="photo" title="相册"></u-cell>
				<u-cell icon="coupon" title="卡券"></u-cell>
				<u-cell icon="heart" title="关注"></u-cell>
			</u-cell-group>
		</view>
		
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell icon="setting" title="设置"></u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pic:'https://uviewui.com/common/logo.png',
				show:true
			}
		},
		onLoad() {
			
		},
		methods: {
			lookorder(){
				console.log(123)
				uni.$u.route('/pages/my/lookorder', {userid:3});
			}
		}
	}
</script>

<style lang="scss">
.v{
	background-color: #ededed;
}
.top{
	display: flex;
	justify-content: space-around;
}
.u-m-t-20{
	margin-top: 20rpx;
	background-color: #fff;
}
.u-m-r-10{
	margin-right: 10rpx;
}
.camera{
	width: 54px;
	height: 44px;
	
	&:active{
		background-color: #ededed;
	}
}
.user-box{
	background-color: #fff;
}
</style>
